<template>
	<view class="list-box">

		<u-navbar back-icon-name="arrow-left" :border-bottom="true" :title-bold="true" :title="title"></u-navbar>
		<view class="list-center" v-if="title == '互动通知'">
			<view class="flex justify-between mb30">
				<view class="flex ">
					<view class="">
						<image src="../../static/img.jpg" class="w76 h76 r38" mode=""></image>
					</view>
					<view class="ml29">
						<view class="f26 ">
							<text class="mr21 text-color">潘多拉的盒子可可 </text>
							<i class="cuIcon-likefill mr21" style="color: #FF2B8A;"></i>
							<text>了
								<text class="text-color ml8 mr8">我</text>
								的评论
							</text>
						</view>
						<view class="mt50 f24" style="color: #666666;">
							5分钟之前
						</view>
					</view>
				</view>
				<view class="">
					<image src="../../static/img.jpg" class="w120 h120 r10" mode=""></image>
				</view>
			</view>


			<view class="flex justify-between ">
				<view class="flex ">
					<view class="">
						<image src="../../static/img.jpg" class="w76 h76 r38" mode=""></image>
					</view>
					<view class="ml29">
						<view class="f26 ">
							<text class="mr21 text-color">潘多拉的盒子可可 </text>
							回复
							<view class="mt20">
								我就要看着你目不转睛，请别看手机
							</view>
						</view>
						<view class="mt30 f24" style="color: #666666;">
							5分钟之前
						</view>
					</view>
				</view>
				<view class="">
					<image src="../../static/img.jpg" class="w120 h120 r10" mode=""></image>
				</view>
			</view>

		</view>


		<view class="list-center" v-if="title == '星通知'">
			<view class="flex justify-between mb30">
				<view class="flex ">
					<view class="">
						<image src="../../static/img.jpg" class="w76 h76 r38" mode=""></image>
					</view>
					<view class="ml29">
						<view class="f26 ">
							<text class="mr21 text-color">潘多拉的盒子可可 </text>
							赠送了
							<text class="text-color ml8 mr8"> 我</text>
						</view>
						<view class="mt50 f24" style="color: #FF6000;">
							68星
						</view>
					</view>
				</view>
				<view class="">
					<image src="../../static/img.jpg" class="w120 h120 r10" mode=""></image>
				</view>
			</view>
		</view>


		<view class="foot_box"></view>
		<!-- 加载提示 -->
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<!-- 信息提示-->
		<u-toast ref="uToast" />
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '互动通知',
			};
		},
		onShow() {},
		onLoad(e) {
			console.log('e.class==>', e.class);
			this.title = e.class
		},
		methods: {
			clkOn() {
				this.z.load(this);
				setTimeout(() => {
					this.z.load(this, 0);
				}, 3000);
			}
		}
	};
</script>

<style lang="scss" scoped>
	.list-box {

		.list-center {
			padding: 30rpx;
		}

		.text-color {
			color: #40C6A8;
		}
	}
</style>
